<template>
    <div id="app">
        <!-- v-if="this.$route.meta.isShowNav"  
            首页的各模块元素，由路由的meta元数据控制。
            meta数据作为附加信息，设置在全局的route对象上，所以可以在不同组件使用。
            
            在路由跳转时修改meta可以控制主页面的模块显示
         -->
        <AppNav v-if="this.$route.meta.isShowNav"/>
        <AppHeader v-if="this.$route.meta.isShowHeader"/>
        <AppHeaderSticky v-if="this.$route.meta.isShowHeaderSticky"/>
        <router-view></router-view>
        <AppFooter v-if="this.$route.meta.isShowFooter"/>
    </div>
</template>


<script>

import AppNav from '@/components/AppNav.vue'
import AppHeader from '@/components/AppHeader.vue'
import AppFooter from './components/AppFooter.vue';
import AppHeaderSticky from './components/AppHeaderSticky.vue';
export default {
    name:"App-t",//写啥名都行
    components:{
            AppNav,
            AppHeader,
            AppHeaderSticky,
            AppFooter
    },
    created(){
        //触发异步 actions中的方法
        this.$store.dispatch('category/getCategoryDataList');

        if (this.$store.state.user.token) {
			this.$store.dispatch('cart/getCartDataList');
		}
    }
};
</script>